<template>
  <div class="tab-container">
    <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="制粒一" name="first">
      <ZLA_SPECTRUM />
    </el-tab-pane>
    <el-tab-pane label="制粒二" name="second">
      <ZLB_SPECTRUM />
    </el-tab-pane> 
  </el-tabs>
  </div>

</template>
<script>
import ZLA_SPECTRUM from '../zla_spectrum/index.vue'
import ZLB_SPECTRUM from '../zlb_spectrum/index.vue'

  export default {
    components: { ZLA_SPECTRUM, ZLB_SPECTRUM },
    data() {
      return {
        activeName: 'first'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  };
</script>
<style scoped>
.tab-container {
  width: 100%;
  height: 100%;
  display: flex;
  margin-left: 1%;
  flex-direction: column;
}
</style>